﻿@model IEnumerable<EventSys.BussinesEntities.Actividad>

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="CSSTableGenerator" style="float: left">@*para cada tabla ponerlo dentro de un div y dar el estilo con class="CSSTableGenerator" para q se use el estilo de tablas*@
    <fieldset>
        <legend>Actividades Publicadas</legend>
        <br />
        <table style="width: 600px">
            <tr>
                <th>Nombre Actividad</th>
                <th>Fecha</th>
                <th>Hora</th>
                <th>Capacidad</th>
                <th></th>
                <th></th>
                <th></th>
            </tr>

            @foreach (var item in Model)
            {
                <tr>
                    @*<td style="visibility: hidden" >
                        @Html.LabelFor(modelItem => item.idActividad, new { id = "idAct" })
                    </td>*@
                    <td>
                        @Html.DisplayFor(modelItem => item.NomActividad)
                    </td>
                    <td style="width: 50px">
                        @*@Html.DisplayFor(modelItem => item.Fecha)*@
                        @String.Format("{0:d}", item.Fecha)
                    </td>
                    <td style="width: 40px">
                        @Html.DisplayFor(modelItem => item.Hora)
                    </td>
                    <td style="width: 40px">
                        @Html.DisplayFor(modelItem => item.Capacidad)
                    </td>
                    @*<td>
            <button class="undo">PreInscripción</button>                                            
        </td>*@
                    <td>
                        @Ajax.ActionLink("Inscripciones", "Index", new AjaxOptions()
               {
                   Url = Url.Action("Public", "Participante", new { id = item.idActividad }),
                   UpdateTargetId = "logeo",
                   //OnSuccess = "OnSuccessPublic"
               })

                    </td>

@*                    <td>
                        <button id="iniciar" value="item.idActividad">Inscripción</button>
                    </td>*@

                </tr>
            }
        </table>
    </fieldset>
</div>

@*<fieldset>@*style="visibility:hidden">
    <legend>Logeo</legend>

    @using (Html.BeginForm())
{
    <fieldset>
        <legend></legend><b>Codigo o DNI:</b>

        <input type="text" name="criterio" value="" placeholder="Ingrese CodUPN o Dni" id="codDni" />

        <b>Contraseña:</b>
        <input type="password" name="criterio" value="" placeholder="Ingrese Contraseña" id="pass" />

        <input type="submit" name="iniciar" value="Iniciar" class="k-button" id="loger" />
    </fieldset>
    }*@


    @*<div style="text-align: right">
        @Ajax.ActionLink("Inscripciones", "Index", new AjaxOptions()
               {
                   Url = Url.Action("_Create", "Inscripciones"),
                   UpdateTargetId = "showAdd",
                   OnSuccess = "OnSuccessAdd"
               })


        <hr style="color: #0056b2;" />
        <button id="crear">Registrar</button>
        <input type="submit" name="Iniciar" value="Iniciar" class="k-button" id="iniciar"/>
    </div>*@
@*</fieldset>*@


@*@(Html.Kendo().Window()
    .Name("window")
    .Title("Pre-Inscripción de Participantes")
        //.Draggable()
    .Resizable()
    .Width(400)
    .Height(400)
    .Modal(true)
    .Visible(false)
    .Iframe(true)//***
    .LoadContentFrom("IncribirParticipante", "Inscripciones")//enviar el parametro de kendo a una ventana modal
    .Events(ev => ev.Close("onClose"))
)*@

<div id="logeo"></div>

<script>
    $(function () {
        $("#loger").click(function (e) {
            //var criterio = $("#criterio").val();
            var idAct = $("#idAct").text();
            var codDni = $("#codDni").val();
            var pass = $("#pass").val();
            alert(idAct);

            @*$.get('@Url.Action("_Create","Inscripciones")',
            function (data) {
                $("#showAdd").html(data);
            });*@

            //function updateResult(id, name) {
            var url = "@Url.Action("_Create", "Inscripciones", new { id = "param-idAct", cod = "param-codDni", password = "param-pass" })";
            url = url.replace("param-idAct", idAct)
                     .replace("param-codDni", codDni)
                     .replace("param-pass", pass);
            $("#showAdd").html(url);
        });
    });

    function onClose() {
        $(".undo").show();
    }

    $(document).ready(function () {
        $(".undo").bind("click", function () {
            $("#window").data("kendoWindow").open();
            $("#window").data("kendoWindow").center();
            $("#undo").hide();
        });
    });

    function OnSuccessPublic(data) {
        //console.log("agregando ventana");
        $("#dialogPublic").dialog({
            modal: true,
            width: 500,
            //autoOpen: false,
            buttons: {
                'Cerrar': function () {
                    $(this).dialog('close');
                },
                //'Iniciar': function () {
                //    $.validator.unobtrusive.parse('#frmLogeo');
                //    $("#frmLogeo").submit();
                //}
            },
            close: function () {
                $(this).parent().remove();
                $(this).remove();
            }
        });
    }

    function OnSuccessAdd(data) {

        console.log("agregando ventana");
        $("#dialogAdd").dialog({
            modal: true,
            width: 500,
            //autoOpen: false,
            buttons: {
                'Cerrar': function () {
                    $(this).dialog('close');
                },
                'Iniciar': function () {
                    $.validator.unobtrusive.parse('#frmCreate');
                    $("#frmCreate").submit();
                }
            },
            close: function () {
                $(this).parent().remove();
                $(this).remove();
            }
        });
    }

    function OnSuccessCreate(data) {

        //alert(data.me)
        if (data.ok == true) {
            //alert(data.msg); // mostrara el mensaje de guardado correctamente
            loadCarrera();
            $("#dialogAdd").dialog('close');
        }
        else {
            alert('ERROR:' + data.msg);
        }
    }

</script>

@*<style scoped>
    
    #example
    {
        min-height:500px;
    }

    #undo {
        text-align: center;
        position: absolute;
        white-space: nowrap;
        padding: 1em;
        cursor: pointer;
    }
    .armchair {
        float: left;
        margin: 30px 30px 120px 30px;
        text-align: center;
    }
    .armchair img {
        display: block;
        margin-bottom: 10px;
    }
</style>*@









